/**
 * @file
 * @auth jinguangguo
 * @date 2016/12/23
 */

.module-account-lockplan {
    .ui-account-box {
        margin-bottom: 40px;

        .box-content {
            margin-top: 16px;
            padding: 16px 0;
            border: 1px #e8e8e9 solid;

            .tr {
                .td:nth-child(2) {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 220px;
                    flex: 0 0 220px;
                }

                .td-gray {
                    box-sizing: border-box;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    color: #a1a1a1;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    font-size: 12px;
                }

                .td-operation{
                    display: flex;
                    justify-content: space-between;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 128px;
                    flex: 0 0 128px;
                    width: 128px;
                    padding-right: 16px;
                    text-align: right;
                    span.gray {
                        color: #a1a1a1;
                    }
                }


            }
        }
    }

    .basic-info-box {
        display: flex;
        >.box-left{
            flex: 2;
            padding-left: 16px;
            >.tr{
                display: flex;
                height: 32px;
                line-height: 32px;
                >.td{
                    &:first-child{
                        flex: 0 0 300px;
                    }
                }
            }

        }
        >.box-right{
            padding: 4px 16px;
            background-color: #fafafa;
            width: 600px;
            >.tr{
                display: flex;
                justify-content:space-between;
                //height: 48px;
                line-height: 48px;
            }
        }
    }

        .explan {
            display: block;

            p {
                width: 100%;
                margin: 8px 0;
                color: #a1a1a1;
            }
        }

}

.module-xibanya{
    .module-account-basic .m-info > .tr .td-operation{
        flex: none;
        width: auto;
        &-switch{
            margin-left: 8px;
        }
    }
    .modal-content .m-form-dialog {
        .col-label{
            width: 150px;
        }

        &--google{
            .col-label{
                width: 180px;
            }
        }
    }
    .m-info > .tr .td-title{
        flex: 0 0 180px;
    }
    .m-form-dialog{
        .col-input{
            width: 276px;
        }
        .input--small{
            width: 156px;
        }
    }
}


.module-english{

    .modal-content .m-form-dialog {
        &--google{
            .col-label{
                width: 160px;
            }
        }
    }
}